<template>
	<view class="container">
		<public-module leftIcon="arrow-left" title="征文投稿" @leftClick="goBack" />
		
		<view class="content-box">
			<view class="title">征文说明</view>
			
			<view class="desc-box">
				<view class="desc-item">
					<text class="label">投稿目的：</text>
					<text class="text">为了更好地服务广大未上岸的考生，提供更多的复习思路和备考经验。</text>
				</view>
				
				<view class="desc-item">
					<text class="label">投稿要求：</text>
					<text class="text">1. 请将您的备考经验、学习方法、时间规划等内容整理成文档</text>
					<text class="text">2. 请注明您的考试成绩、考试时间等信息</text>
					<text class="text">3. 文章内容真实有效，对其他考生有参考价值</text>
				</view>
				
				<view class="desc-item">
					<text class="label">投稿方式：</text>
					<text class="text">请将文档发送至邮箱：176225656@139.com</text>
				</view>
				
				<view class="desc-item">
					<text class="label">注意事项：</text>
					<text class="text">1. 投稿文章将用于帮助其他考生，请确保内容真实性</text>
					<text class="text">2. 优质经验将会在平台展示，供考生学习参考</text>
					<text class="text">3. 如有疑问请与我联系，小红书搜：苏榜</text>
				</view>
			</view>

			<view class="contact-box">
				<view class="contact-btn" @click="copyEmail">
					<text>点击复制邮箱地址</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			goBack() {
				uni.navigateBack()
			},
			
			copyEmail() {
				uni.setClipboardData({
					data: 'subei1011@139.com',
					success: () => {
						uni.$u.toast('邮箱地址已复制')
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		min-height: 100vh;
		background-color: #f5f5f5;
	}

	.content-box {
		margin: 20rpx;
		padding: 30rpx;
		background-color: #fff;
		border-radius: 12rpx;
		
		.title {
			font-size: 32rpx;
			font-weight: bold;
			color: #333;
			margin-bottom: 30rpx;
			text-align: center;
		}
		
		.desc-box {
			.desc-item {
				margin-bottom: 30rpx;
				
				.label {
					display: block;
					font-size: 28rpx;
					color: #333;
					font-weight: bold;
					margin-bottom: 16rpx;
				}
				
				.text {
					display: block;
					font-size: 26rpx;
					color: #666;
					line-height: 1.8;
				}
			}
		}
		
		.contact-box {
			margin-top: 60rpx;
			
			.contact-btn {
				height: 88rpx;
				background-color: #2979ff;
				border-radius: 44rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				
				text {
					font-size: 28rpx;
					color: #fff;
				}
			}
		}
	}
</style>